<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" >
	<head>
		<meta charset="utf-8">
		<title>我的托福人</title>
		<link href="../c/base.css" rel="stylesheet" type="text/css">
		<link href="../c/toefl.css" rel="stylesheet" type="text/css">
		<link href="../c/bootstrap.min.css" rel="stylesheet" type="text/css">
		<script src="../j/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="../user/js/publicClass.js" type="text/javascript" charset="utf-8"></script>
		<style>
		.nowPage {
			color: red;
		}
		</style>
	</head>

	<body>
		<div class="">
			<div class="flcb_cardMenu" style="position: relative;">
				<ul>
					<li class="on" th:if="${session.loginMessage=='user'}">
						<a href="###"  id = "myclass">我关注的文章</a>
					</li>
					<li >
						<a href="###" id = "newclass">最近发布文章</a>
					</li>
				</ul>
				
			</div>
			<div id="myclassContent">
				<div class="tfr_classify" th:each="t:${myToefl.list}">
					<dl>
		        		<a th:href="@{toToefl_detail(article_id=${t.toefl.article_id})}" target="_parent">
		        			<dt><img th:src="${t.toefl.img_url}" ></dt>
			                <dd>
			                	<div class="tfr_classifyh3">
			                		<h3 th:text="${t.toefl.title}"></h3>
			                		<div><a href="###" class="imgA"><img class="img" th:src="${t.toefl.teacher.img_url}"/>  [[${t.toefl.teacher.user_name}]]</a></div>
			                	</div>
			                    <div class="tfr_classifyText" th:text="${#strings.abbreviate(t.toefl.article_detail,100)}"></div>
			                    <div class="tfr_classifyTime">
			                    	<span>所属分类:</span><a href="###" th:text="${t.toefl.articleType.type_name}"></a>
			                    	<span>发布日期：</span><span>[[${#dates.format(t.toefl.last_modify,'yyyy-MM-dd')}]]</span>
			                    	<div class="commDiv">
			                    		<span class="glyphicon glyphicon-heart" style="color: #D92A11;"></span> <span>[[${t.toefl.collect_num}]]</span>
			                    		<span class="glyphicon glyphicon-user" style="color: #388BFF;"></span><span>[[${t.toefl.read_num}]]</span>
			                    	</div>
			                    </div>
			                </dd>
		        		</a>
		            </dl>
				</div>
				 <div class="pageList">
			<ul th:if="${myToefl.pages != 0}">
				<li th:if="${myToefl.pageNum != 1}">
				<a th:href="@{toMyToefl(pageNum=1)}">首页</a></li>
				<li th:each="pages:${myToefl.navigatepageNums}"><a th:href="@{toMyToefl(pageNum=${pages})}"
					th:class="${pages == myToefl.pageNum} ? nowPage : ''">【[[${pages}]]】</a></li>
				<li th:if="${myToefl.pageNum != myToefl.pages}"><a th:href="@{toMyToefl(pageNum=${myToefl.pages})}"
					th:onclick="searchpage([[${myToefl.pages}]])">最后一页</a></li>
				<li th:if="${myToefl.pageNum != 1}">
				<a th:href="@{toMyToefl(pageNum=${myToefl.prePage})}" class="pret">上一页</a></li>
				<li th:if="${myToefl.pageNum != myToefl.pages}">
				<a th:href="@{toMyToefl(pageNum=${myToefl.nextPage})}"class="next">下一页</a></li>
			</ul>
		</div>
			</div>

			<div id="newclassContent" style="display: none;">
				<div class="tfr_classify" th:each="t:${lastToefl.list}">
					<dl>
		        		<a th:href="@{toToefl_detail(article_id=${t.article_id})}" target="_parent">
		        			<dt><img th:src="${t.img_url}" ></dt>
			                <dd>
			                	<div class="tfr_classifyh3">
			                		<h3 th:text="${t.title}"></h3>
			                		<div><a href="###" class="imgA"><img class="img" th:src="${t.teacher.img_url}"/> [[${t.teacher.user_name}]]</a></div>
			                	</div>
			                    <div class="tfr_classifyText" th:text="${#strings.abbreviate(t.article_detail,100)}" ></div>
			                    <div class="tfr_classifyTime">
			                    	<span>所属分类:</span><a href="###" th:text="${t.articleType.type_name}"></a>
			                    	<span>发布日期：</span><span>[[${#dates.format(t.last_modify,'yyyy-MM-dd')}]]</span>
			                    	<div class="commDiv">
			                    		<span class="glyphicon glyphicon-heart" style="color: #D92A11;"></span> <span>[[${t.collect_num}]]</span>
			                    		<span class="glyphicon glyphicon-user" style="color: #388BFF;"></span><span>[[${t.read_num}]]</span>
			                    	</div>
			                    	
			                    </div>
		
			                </dd>
		        		</a>
		            	
		            </dl>
				</div>
		<div class="pageList">
				<ul th:if="${lastToefl.pages != 0}">
				<li th:if="${lastToefl.pageNum != 1}">
				<a th:href="@{toMyToefl(pageNum=1,flag=1)}">首页</a></li>
				<li th:each="pages:${lastToefl.navigatepageNums}"><a th:href="@{toMyToefl(pageNum=${pages},flag=1)}"
					th:class="${pages == lastToefl.pageNum} ? nowPage : ''">【[[${pages}]]】</a></li>
				<li th:if="${lastToefl.pageNum != lastToefl.pages}"><a th:href="@{toMyToefl(pageNum=${myToefl.pages},flag=1)}"
					th:onclick="searchpage([[${lastToefl.pages}]])">最后一页</a></li>
				<li th:if="${lastToefl.pageNum != 1}">
				<a th:href="@{toMyToefl(pageNum=${myToefl.prePage},flag=1)}" class="pret">上一页</a></li>
				<li th:if="${lastToefl.pageNum != lastToefl.pages}">
				<a th:href="@{toMyToefl(pageNum=${myToefl.nextPage},flag=1)}"class="next">下一页</a></li>
			</ul>
		</div>

			</div>
		</div>
	</body>

</html>